<section class="huocms-components" data-inclue-path="components/index_product">
    <div class="swiper_product mySwiper">
        <div class="swiper-wrapper">
            {hcTaglib:content cid="11" moduleId="3" mainField="id,title,thumbnail,description" limit="8" }
            <div class="swiper-slide">
                <a href="{:hcUrl('detail/index',['cid'=>$vo['category_id'],'id'=>$vo['id']])}">
                    <div class="product_img">
                        <img src="{$vo['thumbnail']['url']}" >
                    </div>
                    <div class="swiper_product_text">
                        <div>
                            <h4>{$vo['title']}</h4>
                            <p>{$vo['description']}</p>
                        </div>
                        <img src="__TMPL__/static/img/product_prev.png" id="product_prev">
                    </div>
                </a>

            </div>
            {/hcTaglib:content}
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</section>